<template>
  <div class="g2-personcenter g2-layout-content g2-layout-content__base">
    <el-row :gutter="20">
      <el-col :span="7">
        <el-card>
          <g2PersonCenterUserInfo></g2PersonCenterUserInfo>
          <div class="g2-divider is-horizontal is-dashed"></div>
          <g2PersonCenterUserTags></g2PersonCenterUserTags>
          <div class="g2-divider is-horizontal is-dashed"></div>
          <g2PersonCenterUserTeam></g2PersonCenterUserTeam>
        </el-card>
      </el-col>
      <el-col :span="17">
        <el-card :body-style="{ padding: '0' }">
          <g2PersonCenterRight></g2PersonCenterRight>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import g2PersonCenterUserInfo from "./components/center-user-info/index";
import g2PersonCenterUserTags from "./components/center-user-tags/index";
import g2PersonCenterUserTeam from "./components/center-user-team/index";
import g2PersonCenterRight from "./components/center-right/index";

export default {
  name: "PersonCenter",
  components: {
    g2PersonCenterUserInfo,
    g2PersonCenterUserTags,
    g2PersonCenterUserTeam,
    g2PersonCenterRight
  },
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style lang="scss" src="./index.scss">
</style>
